/* 格式化页面，有些标签默认这俩属性不为空 这里全局都置为空，方便精确控制 */
* {
margin:0;
padding: 0;
}
/* 去掉连接的下划线，更直观的展示 */
a {
    text-decoration: none;
}


/* 该设置作用：标签元素的内容超出了给定的宽度和高度属性，超出的部分将会隐藏，不占位。另起一行 */
html,
body,
#app, 
.wrapper{
width: 100%;
height: 100%;
overflow: hidden;
}

/* 定义进入过渡生效的状态，在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/插入动画完成之后移除这个类可以用来定义进入过渡的过程的时间，延迟和曲线函数 */
/*  定义离开过渡生效时的状态。在整个离开过渡的阶段中应用，在离开过渡被触发时立刻生效，在过渡/动画完成之后移除。这个类可以被用来定义离开过渡的过程时间，延迟和曲线函数。*/

/* .move-enter-active,
.move-leave-active {
    transition: opacity .5s;
} */
.move-enter-active {
    animation: move-in .5s;
}
.move-leave-active {
    animation: move-in .5s reverse;
}
/* @keyframes是CSS3中创建动画的 从一种样式逐渐变为另一种样式的效果 */
@keyframes move-in {
    0% {
        /* 按照1.5的比例放大 （缩放） */
      transform: scale(0);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(1);
    }
  }
/* 定义进入/离开过渡的开始状态 */
.move-enter,
.move-leave {
    opacity: 0;
}
.crumbs {
    /* 表示上下外边距为10 左右外边距为0 */
    margin: 10px 0;
}

.pagination {
    margin: 20px 0;
    /* 表示文本中水平对齐方式，这里表示把文本排列到右边 */
    text-align: right;
}

.plugins-tips {
    /* 表示上内边距和下内边距为20 左内边距和右内边距为20 */
    padding: 20px 20px;
    /* 设置元素的下外边距 */
    margin-bottom: 20px;
}
.container　{
    padding: 30px;
    background: #fff;
    /*边框颜色 solid表示的是实线 后面是实线的颜色 */
    border: 1px solid #ddd;
    border-radius: 5px;
}